<script lang="ts" setup>
withDefaults(defineProps<{ title?: string; size?: number }>(), {
	title: '暂无折扣商品',
	size: 150
});
</script>

<template>
	<view class="x-empty">
		<image :style="`width: ${size}rpx`" mode="widthFix" src="./empty.png"></image>
		<view class="tips">{{ title }}</view>
	</view>
</template>

<style lang="scss" scoped>
.x-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32rpx;

	.tips {
		color: #999;
		font-size: 26rpx;
	}
}
</style>
